<template>
  <h3>MyBook.vue</h3>
  <div> `{{ title }}` </div>
  <hr>
</template>

<script>
import { toRef } from 'vue'
export default {
  props: {
    title: String,
  },
  setup(props, context) {
    console.log('props=', props)
    const title = toRef(props, 'title') || 'i know'
    console.log('title=', title.value)
    console.log('context=', context)
    return {
      title
    }
  }
}
</script>